import React, { memo } from 'react'
import { renderRoutes } from 'react-router-config';
import { NavLink } from 'react-router-dom';


import { MusicClubSubApp } from '../../constant/local-constant'
import { MusicClub } from './style'
export default memo(function Musicclub(props) {
  // console.log(props.route.routes);
  return (
    // 音乐馆页面下面的 ， nav
    <>
      <MusicClub className="wrap">
        {
          MusicClubSubApp.map((item, index) => {
            return (
              <NavLink key={index} to={item.link}>{item.title}</NavLink>
            )
          })
        }
      </MusicClub>
      {renderRoutes(props.route.routes)}
    </>
  )
})
